<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Kitty Food</title>
    <link rel="stylesheet" href="main.css">
  </head>
  <body>
    <div class="wrap">
    <header>
      <div>
          <a href="https://www.baidu.com/">
          <img src="./logo.svg" alt="a charset" />
        </a>
        <a href="#">Home</a>
      </div>

      <nav>
        <a href="#" class="example">
          <img src="menu.svg" alt="" />
        </a>
        <ul>
          <li>
            <a href="#">
              <img src="close.svg" alt="">
            </a>
            <li><a href="#">Our Food</a></li>
            <li><a href="#">Ingredients</a></li>
            <li><a href="#">Studies</a></li>
            <li><a href="#">FAQ</a></li>
          </li>

        </ul>
      </nav>
    </header>
    <main>
      <h1>your cat will <img src="bonkers.svg" alt=""></h1>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque illo, ad provident eos repudiandae deleniti maxime minus saepe, corporis animi minima inventore!</p>
      <a href="#">Get Bonkers</a>
    </main>
    <div>
      <div>
        <img src="cat.png" alt="">
        <div></div>
        <div></div>
      </div>
    </div>
  </div>
  </body>
</html>
